<template>
  <div class="box">
    <!-- tab栏 -->
    <van-tabs
      v-model="active"
      swipeable
      line-width="95px"
      title-active-color="#5C97F6"
      color="#4EB5FF"
      sticky
      @click="show_Tab"
    >
      <!-- 奖扣 -->
      <van-tab
        class="tab"
        title="积分"
      >
        <!-- 点赞效果图 -->
        <van-overlay
          :show="show_dianzan"
          @click="show_dianzan = false"
        >
          <div
            class="wrapper"
            @click.stop
          >
            <div
              class="dianzan_round"
              style="border:1px solid #5c97f6;width:100px;height:100px;border-radius:50%;line-height:100px"
            >
              <div
                class="dianzan_round"
                style="border:5px solid #5c97f6;width:80px;height:80px;border-radius:50%;margin: 5px auto;line-height:80px"
              >
                <img
                  class="dianzan_rotate"
                  src="../static/img/点赞.png"
                >
              </div>
            </div>
          </div>
        </van-overlay>

        <van-sticky :offset-top="44">
          <van-dropdown-menu>
            <van-dropdown-item
              title="事件类型"
              ref="integral_event"
            >
              <div
                class="clearfix"
                style="height:238px;overflow-y:scroll;margin-bottom:6vh"
              >
                <ul class="left integral_oneEvent">
                  <!-- <van-checkbox-group v-model="result_event_one"> -->
                  <van-radio-group v-model="radio_integral">
                    <li
                      v-for="(ip,ip_id) in integral_event_one"
                      :key="ip_id"
                      class="integral_one_children"
                    >
                      <div>{{ip.name}} <div class="right integral_children_right">
                          <van-radio
                            :name="ip_id+1"
                            shape="square"
                            @click="show_click_one_event(ip)"
                          ></van-radio>
                        </div>
                      </div>
                    </li>
                  </van-radio-group>
                  <!-- </van-checkbox-group> -->
                </ul>
                <ul class="left integral_oneEvent">
                  <van-checkbox-group v-model="result_event_two">
                    <li
                      v-for="(ip,ip_i_n) in integral_event_two.event"
                      :key="ip_i_n"
                      class="integral_one_children"
                      style="background-color:#FAFAFA"
                    >
                      <div>{{ip.name}} <div class="right integral_children_right">
                          <van-checkbox
                            :name="ip.name"
                            shape="square"
                            @click="show_click_two_event(ip)"
                          ></van-checkbox>
                        </div>
                      </div>

                    </li>
                  </van-checkbox-group>
                </ul>
                <ul class="left integral_oneEvent">
                  <van-checkbox-group v-model="result_event_three">
                    <li
                      v-for="(ip,ip_i) in integral_event_three"
                      :key="ip_i"
                      class="integral_one_children"
                      style="background-color:#FAFAFA"
                    >
                      <div>{{ip.name}} <div class="right integral_children_right">
                          <van-checkbox
                            :name="ip.name"
                            shape="square"
                            @click="show_click_three_event(ip)"
                          ></van-checkbox>
                        </div>
                      </div>
                    </li>
                  </van-checkbox-group>
                </ul>
              </div>
              <div style="position: absolute;left:2px;bottom:0px;">
                <van-button
                  class="public_reset"
                  @click="integral_confirm"
                >取消</van-button>
                <van-button
                  class="public_confirm"
                  @click="onConfirm"
                >确认</van-button>
              </div>

            </van-dropdown-item>
            <van-dropdown-item
              title="时间"
              ref="integral_date"
            >
              <van-datetime-picker
                v-model="currentDate"
                type="date"
                :min-date="minDate"
                :max-date="maxDate"
                @confirm='show_time'
                @cancel="show_cancel"
              />
            </van-dropdown-item>
            <van-dropdown-item
              title="部门"
              ref="integral_dept"
              @open="open_click_integral"
            >
              <!-- <van-search
              v-model="value"
              placeholder="请输入搜索关键词"
            /> -->

              <div class="show_Mail">
                <span
                  style="color:#1989fa"
                  @click="Mail_list"
                >通讯录
                </span>
                <!-- </div> -->
                <span
                  v-for="(li,i) in arr"
                  :key="i"
                >
                  <span @click="showlist(li)"> > {{li}}</span>
                </span>
              </div>
              <van-radio-group
                style="height:30vh;overflow:scroll;"
                v-model="radio"
              >
                <div class="ellipsis">
                  <div
                    v-show="people"
                    class="integral_department"
                    v-for="(item,i) in depart"
                    :key="i+'ll'"
                  >
                    <van-radio
                      icon-size="30px"
                      :name="i++"
                      @click="showEverybody(item,$event)"
                    >{{item.name}}(<span>{{item.userNumber}}</span>人)
                    </van-radio>
                    <span
                      class="right department_list"
                      ref="next"
                      @click="showPersonnel(item)"
                    >下级</span>
                  </div>
                </div>
                <div
                  class="integral_department_list"
                  v-for="(it,j) in userArr"
                  :key="j+depart.length"
                >
                  <van-radio
                    icon-size="30px"
                    :name="j+depart.length"
                    @click="show_personal(it,j+depart.length,$event)"
                  >
                    <span
                      class="personnel_text"
                      v-if="it.name.length<3"
                    > {{((it.name.split("").reverse().join("")).substring(0,1)).split("").reverse().join("")}}</span>
                    <span
                      class="personnel_text"
                      v-else-if="it.name.length>=3"
                    > {{((it.name.split("").reverse().join("")).substring(0,2)).split("").reverse().join("")}}</span>
                    {{it.name}}
                  </van-radio>
                </div>
              </van-radio-group>
            </van-dropdown-item>
            <van-dropdown-item
              title="更多"
              ref="item"
            >
              <i style="font-style:normal;font-size:12px">期待与您共创</i>
            </van-dropdown-item>
          </van-dropdown-menu>
        </van-sticky>
        <div
          style="font-size:14px;padding-top:10px;background-color: #f8f8fa"
          v-show="showText"
          v-cloak
        >暂无数据！</div>
        <van-pull-refresh
          v-model="isLoading"
          @refresh="onRefresh"
          success-text="刷新成功"
        >
          <van-list
            v-model="loading"
            :finished="finished"
            :offset="10"
            :immediate-check="false"
            finished-text="我是有底线的"
            @load="onLoadlist"
          >
            <div
              class="public_box"
              v-for="(item,i) in lists"
              :key="i"
            >
              <div
                class="skeleton clearfix"
                style="width:100%;position:relative;margin-bottom:10px"
                v-for="(li,j) in item.approvalevent.approvalderive"
                :key="j"
              >
                <div
                  class="skeleton_title left"
                  v-if="li.user_name.length<3"
                >
                  {{((li.user_name.split("").reverse().join("")).substring(0,1)).split("").reverse().join("")}}
                </div>
                <div
                  class="skeleton_title left"
                  v-if="li.user_name.length>=3"
                >
                  {{((li.user_name.split("").reverse().join("")).substring(0,2)).split("").reverse().join("")}}
                </div>
                <div class="skeleton_content left">
                  <ul>
                    <li> {{li.user_name}}</li>
                    <li style="margin-bottom:10px">{{item.create_date}}</li>
                    <li style="overflow-wrap:break-word;width:64vw">{{item.approvalevent.event_name}}</li>
                    <li style="margin-bottom:10px;overflow-wrap:break-word;width:64vw">{{item.approvalevent.event_desc}}</li>
                    <li>初审人：<span>{{item.first_name}}</span></li>
                    <li>终审人：<span>{{item.end_name}}</span>
                      <span
                        style="margin-left:3px;vertical-align: middle"
                        v-if='item.eventLabel.is_open_fufen==1'
                      ><img
                          style="width:16px;height:16px"
                          src="@/static/event/fu@2x.png"
                        ></span>
                      <span
                        style="margin-left:3px;vertical-align: middle"
                        v-if='item.eventLabel.is_ding==1'
                      ><img
                          style="width:16px;height:16px"
                          src="@/static/event/ding@2x.png"
                        ></span>
                      <span
                        style="margin-left:3px;vertical-align: middle"
                        v-if='item.eventLabel.is_open_level==1'
                      ><img
                          style="width:16px;height:16px"
                          src="@/static/event/duan@2x.png"
                        ></span>
                      <span
                        style="margin-left:3px;vertical-align: middle"
                        v-if='item.eventLabel.is_open_badge==1'
                      ><img
                          style="width:16px;height:16px"
                          src="@/static/event/hui@2x.png"
                        ></span>
                      <span
                        style="margin-left:3px;vertical-align: middle"
                        v-if='item.eventLabel.is_open_yuanbao==1'
                      ><img
                          style="width:16px;height:16px"
                          src="@/static/event/bao@2x.png"
                        ></span>
                    </li>
                    <li v-if="isShow==0">发起人：<span>{{item.create_name}}</span></li>
                  </ul>
                </div>
                <div
                  class="right"
                  style="position:absolute;bottom:5px;right:20px;font-size:11px"
                >
                  <p><span>{{D_name}}: <span v-if='li.code_b.toString().indexOf("-") != -1'>{{li.code_b}}</span><span v-else>+{{li.code_b}}</span></span>
                    <span
                      v-if="ISC == 1"
                      :class="li.code_c==0?'active':'active1'"
                    >{{C_name}}: <span v-if='li.code_c.toString().indexOf("-") != -1'>{{li.code_c}}</span><span v-else>+{{li.code_c}}</span></span>
                  </p>
                  <p
                    class="right"
                    style="color:silver;margin-top:5px;font-size:11px"
                    v-for="(item2,i) in status"
                    :key="i"
                  >
                    <span
                      v-if="item.status==item2.index"
                      :class="item.status==2?'active_color':'hide_color'"
                    >
                      <span v-if='item.admirable==0'>
                        <img
                          v-if="li.code_b>-1&&li.code_c>-1&&item2.name=='通过'"
                          style="width:12px;height:12px;margin-right:5px"
                          src="@/static/section/zan_default@2x.png"
                          @click="show_click_fabulous(li,item)"
                        >
                        <!-- <i v-if="Incremental==item.e_id">{{item.FabulousNum+1}}</i> -->
                      </span>
                      <span v-else>
                        <img
                          v-if="li.code_b>-1&&li.code_c>-1&&item2.name=='通过'"
                          style="width:12px;height:12px;margin-right:5px"
                          src="@/static/section/zan_selected@2x.png"
                        >
                      </span>
                      <span>{{item2.name}}(<i>{{item.FabulousNum}}</i>)</span></span></p>
                </div>
              </div>
            </div>

          </van-list>
        </van-pull-refresh>
      </van-tab>
      <!-- 点赞 -->
      <van-tab title="点赞">
        <van-sticky :offset-top="44">
          <van-dropdown-menu>
            <van-dropdown-item
              title="点赞标签"
              ref="fabulous_event"
              v-model="fabulous_value1"
              :options="fabulous_option"
              @change="show_label"
            >
            </van-dropdown-item>
            <van-dropdown-item
              title="时间"
              ref="fabulous_date"
            >
              <van-datetime-picker
                v-model="currentDate"
                type="date"
                :min-date="minDate"
                :max-date="maxDate"
                @confirm='show_time'
                @cancel="show_cancel"
              />
            </van-dropdown-item>
            <van-dropdown-item
              title="部门"
              ref="fabulous_dept"
              @open="open_click_fabulous"
            >
              <div class="show_Mail">
                <span
                  style="color:#1989fa"
                  @click="Mail_list"
                >通讯录
                </span>
                <!-- </div> -->
                <span
                  v-for="(li,i) in arr"
                  :key="i"
                >
                  <span @click="showlist(li)"> > {{li}}</span>
                </span>
              </div>
              <van-radio-group
                style="height:30vh;overflow:scroll;"
                v-model="radio"
              >
                <div
                  v-show="people"
                  class="integral_department"
                  v-for="(item,i) in depart"
                  :key="i+'ll'"
                >
                  <van-radio
                    icon-size="30px"
                    :name="i++"
                    @click="showEverybody(item,$event)"
                  >{{item.name}}(<span>{{item.userNumber}}</span>人)
                  </van-radio>
                  <span
                    class="right department_list"
                    ref="next"
                    @click="showPersonnel(item)"
                  >下级</span>
                </div>
                <div
                  class="integral_department_list"
                  v-for="(it,j) in userArr"
                  :key="j+depart.length"
                >
                  <van-radio
                    icon-size="30px"
                    :name="j+depart.length"
                    @click="show_personal(it,j+depart.length,$event)"
                  >
                    <span
                      class="personnel_text"
                      v-if="it.name.length<3"
                    > {{((it.name.split("").reverse().join("")).substring(0,1)).split("").reverse().join("")}}</span>
                    <span
                      class="personnel_text"
                      v-else-if="it.name.length>=3"
                    > {{((it.name.split("").reverse().join("")).substring(0,2)).split("").reverse().join("")}}</span>
                    {{it.name}}
                  </van-radio>
                </div>
              </van-radio-group>
            </van-dropdown-item>
            <van-dropdown-item
              title="更多"
              ref="item"
            >
              <i style="font-style:normal;font-size:12px">期待与您共创</i>
            </van-dropdown-item>
          </van-dropdown-menu>
        </van-sticky>
        <div
          style="font-size:14px;padding-bottom:10px;background-color: #f8f8fa"
          v-show="showText_tow"
          v-cloak
        >暂无数据！</div>
        <van-pull-refresh
          v-model="isLoading"
          success-text="刷新成功"
          @refresh="onGive"
        >
          <van-list
            v-model="loading"
            :finished="finished"
            :offset="10"
            :immediate-check="false"
            finished-text="我是有底线的"
            @load="onLoad"
          >
            <div
              class="public_box"
              v-for="(item,i) in goods"
              :key="i"
            >
              <div
                v-for="(ul,l) in item.approvalevent.approvalderive"
                :key="l"
              >
                <div
                  class="skeleton clearfix"
                  style="width:100%;position:relative;margin-bottom:10px"
                >

                  <div
                    class="skeleton_title left"
                    v-if="ul.user_name.length<3"
                  >
                    {{((ul.user_name.split("").reverse().join("")).substring(0,1)).split("").reverse().join("")}}
                  </div>
                  <div
                    class="skeleton_title left"
                    v-if="ul.user_name.length>=3"
                  >
                    {{((ul.user_name.split("").reverse().join("")).substring(0,2)).split("").reverse().join("")}}
                  </div>
                  <div class="skeleton_content left">
                    <ul>
                      <li>{{ul.user_name}}</li>
                      <li style="margin-bottom:10px">{{item.create_date}}</li>
                      <li>来自<span style="color:dodgerblue">{{item.create_name}}</span>的赞赏</li>
                      <li style="overflow-wrap:break-word;width:64vw">{{item.approvalevent.event_desc}}</li>
                      <li style="margin-top:15px"><span style="padding:5px;border:1px solid dodgerblue;border-radius:22px;color:#242424">{{item.approvalevent.label}}</span></li>
                    </ul>
                  </div>
                  <div
                    class="right"
                    style="position:absolute;bottom:15px;right:20px;line-height:normal;"
                    @click="showFollow(ul.a_id)"
                    v-if='item.alreadyPraised ==0'
                  >
                    <span>
                      <img
                        style="width:3vw;height:3vw;margin-right:5px"
                        src="@/static/section/zan_default@2x.png"
                      /> <span style="color:#808080;position:relative;bottom:2px;right:5px;font-size:10px">点赞({{item.count}})</span>
                    </span>
                  </div>
                  <div
                    class="right"
                    style="position:absolute;bottom:15px;right:20px;line-height:normal;"
                    v-else-if="item.alreadyPraised==1"
                  >
                    <span>
                      <img
                        style="width:3vw;height:3vw;margin-right:5px"
                        src="@/static/section/zan_selected@2x.png"
                      >
                      <!-- <van-icon
                          name="good-job"
                          :style="{color:'dodgerblue'}"
                        />  -->
                      <span style="color:dodgerblue;position:relative;bottom:2px;right:5px;font-size:10px">已赞({{item.count}})</span>
                    </span>
                  </div>
                </div>
                <van-collapse
                  v-if="item.count==0?accordion=false:accordion=true"
                  accordion
                  v-model="activeNames"
                >
                  <van-collapse-item :name="i++">
                    <div
                      slot="title"
                      style="text-align:left;"
                    >已跟赞{{item.count}}人
                    </div>
                    <ul v-if="item.count!=0">
                      <li
                        @click="showFollowDetails(ul.a_id)"
                        v-for="(item2,l) in item.hezan"
                        :key="l"
                      >

                        <span>{{item2.create_name}}</span>:<span>{{item2.approvalevent.event_desc}}</span>
                        <span class="right">{{item2.approvalevent.create_time}}</span>

                      </li>
                    </ul>
                  </van-collapse-item>

                </van-collapse>
              </div>
            </div>
          </van-list>
        </van-pull-refresh>
      </van-tab>

      <!-- 任务 -->
      <van-tab
        class="tab"
        title="任务"
      >
        <van-sticky :offset-top="44">
          <van-dropdown-menu>
            <van-dropdown-item
              title="任务类型"
              ref="task_event"
              v-model="task_value1"
              :options="task_option1"
              @change="click_task_event"
            >
            </van-dropdown-item>
            <van-dropdown-item
              title="时间"
              ref="task_date"
            >
              <van-datetime-picker
                v-model="currentDate"
                type="date"
                :min-date="minDate"
                :max-date="maxDate"
                @confirm='show_time'
                @cancel="show_cancel"
              />
            </van-dropdown-item>
            <van-dropdown-item
              title="状态"
              v-model="task_value2"
              :options="task_option2"
              @change="click_task_status"
            >
            </van-dropdown-item>
            <van-dropdown-item
              title="更多"
              ref="item"
            >
              <i style="font-style:normal;font-size:12px">期待与您共创</i>
            </van-dropdown-item>
          </van-dropdown-menu>
        </van-sticky>
        <!-- 内容展示 -->
        <van-pull-refresh
          v-model="isLoading"
          success-text="刷新成功"
          @refresh="onTask"
        >
          <van-list
            v-model="loading"
            :finished="finished"
            :offset="10"
            :immediate-check="false"
            finished-text="我是有底线的"
            @load="onLoad_task"
          >
            <div
              class="task_card"
              @click="showDetails(item,1)"
              v-for="(item,i) in list"
              :key="i"
            >
              <div class="task_card_title clearfix">
                <div class="left">
                  <span v-if="item.create_name.length<3">{{((item.create_name.split("").reverse().join("")).substring(0,1)).split("").reverse().join("")}}</span>
                  <span v-else-if="item.create_name.length>=3">{{((item.create_name.split("").reverse().join("")).substring(0,2)).split("").reverse().join("")}}</span>
                </div>
                <div class="left">
                  <b>{{item.task_title}}</b>
                  <div style="margin-left: 10px;">任务类型：<i v-if='item.is_recruit==1'>指派 </i><i v-else-if='item.is_recruit==0'>招募 </i><i v-else-if='item.is_recruit==2'>多人 </i></div>
                </div>

                <div
                  class="right"
                  v-for="(li,t) in task_status"
                  :key="t"
                >
                  <div v-if="li.index==item.status">{{li.name}}</div>
                </div>
              </div>
              <ul>
                <li class="clearfix">
                  <div class="task_Icon left"><img src="@/static/section/task_icon_1@2x.png">
                  </div>
                  <div class="left">
                    <div>
                      <span v-if='item.is_recruit==0||item.is_recruit==2'>领取得分：</span><span v-else-if='item.is_recruit==1'>完成奖分：</span><span>{{D_name}}:{{item.complete_code_d}}</span><span
                        v-if="item.complete_code_c!=0 && ISC == 1"
                        style="margin-left:5px"
                      >{{C_name}}:{{item.complete_code_c}}</span>
                    </div>
                    <div>
                      <span> 逾期扣分：</span><span>{{D_name}}:{{item.overtime_code_d}}</span><span
                        style="margin-left:5px"
                        v-if="item.overtime_code_c!=0 && ISC == 1"
                      >{{C_name}}:{{item.overtime_code_c}}</span>
                    </div>
                  </div>
                </li>
                <li
                  class="clearfix"
                  style="margin-top:5px"
                >
                  <div class="task_Icon left"><img src="@/static/section/time_icon@2x.png"></div>
                  <div class="left">
                    <div>
                      <span>开始时间：</span><span>{{item.start_time}}</span>
                    </div>
                    <div>
                      <span>结束时间：</span><span>{{item.end_time}}</span>
                    </div>
                  </div>
                </li>
                <li class="clearfix">
                  <div class="task_Icon left"><img src="@/static/section/renwujindu@2x.png"></div>
                  <div
                    class="left"
                    style="margin-top:13px"
                  >
                    <van-progress
                      v-if="item.actual_task_sum==item.operation_task_sum"
                      :percentage="100"
                      stroke-width="4"
                      color="linear-gradient(to right, #4CB1FF, #7FD6FF)"
                    />
                    <van-progress
                      v-else-if="item.operation_task_sum<item.actual_task_sum && item.operation_task_sum>0 ||item.operation_task_sum>item.actual_task_sum"
                      :percentage="50"
                      stroke-width="4"
                      color="linear-gradient(to right, #4CB1FF, #7FD6FF)"
                    />
                    <van-progress
                      v-else-if="item.operation_task_sum==0"
                      :percentage="0"
                      stroke-width="4"
                      color="linear-gradient(to right, #4CB1FF, #7FD6FF)"
                    />
                    <div style="margin-top:10px;width:235px; text-align:center;font-size:10px;color:#808080">
                      <i v-if='item.is_recruit==1'>任务进度</i><i v-else-if='item.is_recruit==0||item.is_recruit==2'>领取进度</i>
                    </div>
                  </div>
                </li>
              </ul>
              <p style="text-align:right"><span>详情>></span></p>

            </div>
          </van-list>
        </van-pull-refresh>
      </van-tab>
    </van-tabs>
    <Plus />
  </div>

</template>

<script>
import Plus from "@/components/plus";
import {
  Button,
  Icon,
  NoticeBar,
  Tab,
  Tabs,
  Collapse,
  CollapseItem,
  Row,
  Popup,
  RadioGroup,
  Radio,
  Cell,
  CellGroup,
  Search,
  Checkbox,
  CheckboxGroup,
  Overlay,
  Dialog,
  Col,
  DropdownMenu,
  DropdownItem,
  TreeSelect,
  DatetimePicker,
  Progress,
  Field,
  PullRefresh,
  Sticky
} from "vant";
export default {
  data() {
    return {
      result_event_one: [],
      result_event_two: [],
      result_event_three: [],
      result_event_four: [],
      show_img: false,
      show_dianzan: false,
      time: false,
      people: true,
      top: false,
      radio: 0,
      radio_integral: 0,
      show_dept: false,
      active: 0,
      loading: false, // 上拉加载
      finished: false, // 上拉加载完毕
      offset: 100, // 滚动条与底部距离小于 offset 时触发load事件
      pageSize: 10, // 每页条数
      pageIndex: 1, // 页码
      Notice: false,
      showText: true,
      showText_tow: false,
      num: 0,
      val: "",
      activeNames: ["1"],
      lists: [], // 请求数据
      goods: [], // 请求数据
      task_status: [
        { name: "审核中", index: 0 },
        { name: "未通过", index: 1 },
        { name: "进行中", index: 4 },
        { name: "已完成", index: 7 }
      ],
      status: [
        {
          index: 0,
          name: "待初审"
        },
        {
          index: 1,
          name: "待终审"
        },
        {
          index: 2,
          name: "通过"
        },
        {
          index: 3,
          name: "驳回"
        },
        {
          index: 4,
          name: "撤回"
        }
      ],
      dept: [],
      page: 0,
      jp: 0,
      task_p: 0,
      show_department: false,
      value: "",
      result: [],
      isCheckAll: false,
      userArr: [],
      depart: [],
      list: [],
      isShow: 0,
      dept_id: 0,
      user_id: 0,
      obj: {},
      corp_Id: 0,
      people_userId: 0,
      a: 8,
      b: 8,
      activeId: 0,
      activeIndex: 0,
      minDate: new Date(2018, 0),
      maxDate: new Date(),
      currentDate: new Date(),
      task_option1: [
        { text: "全部", value: 8 },
        { text: "招募", value: 0 },
        { text: "指派", value: 1 },
        { text: "多人", value: 2 }
      ],
      task_value1: 8,
      task_option2: [
        { text: "全部", value: 8 },
        { text: "审核中", value: 0 },
        { text: "未通过", value: 1 },
        { text: "进行中", value: 4 },
        { text: "已完成", value: 7 }
      ],
      task_value2: 8,
      fabulous_option: [],
      fabulous_value1: 0,
      integral_event_one: [],
      integral_event_two: [],
      integral_event_three: [],
      integral_event_four: [],
      integral_event_public: 0,
      arr: [],
      item_list: [],
      integral_one_name: "",
      task_dateTime: "",
      start_value: "开始时间",
      end_value: "结束时间",
      fabulous_label: "",
      fabulous_id: 0,
      fabulous_dept_id: 0,
      fabulous_date_tag: "",
      integral_date_tag: "",
      C_name: "",
      D_name: "",
      integral_one_event: [],
      free_eventName: [],
      Incremental: 0,
      data_time: "",
      isLoading: false,
      ISC: ""
    };
  },
  created() {
    this.C_name = localStorage.getItem("c_name");
    this.D_name = localStorage.getItem("d_name");
    this.active = this.$route.query.active;
    this.people_userId = localStorage.getItem("userId");
    this.corp_Id = localStorage.getItem("custid");
    this.getIsC();
    if (this.active == 1) {
      this.getGood(0);
    }
    if (this.active == 2) {
      this.taskHall(8, 8, 0);
    }
    this.getAwardDeduction(0);
    this.show_popup_occupy();
    this.show_popup_title();
    this.get_integral_Event();
    this.showDepart();
  },
  methods: {
    /**
     * rfj
     *
     */
    //C分开关
    async getIsC() {
      let corpId = localStorage.getItem("custid");
      const res = await this.$http.get(`yuepoints/getIsC?corpId=${corpId}`);
      // localStorage.setItem("ISC", res.data.data.is_c_code);
      this.ISC = res.data.data.is_c_code;
    },
    show_Tab() {
      if (this.active == 0) {
        this.getAwardDeduction(0);
      } else if (this.active == 1) {
        this.getGood(0);
        this.getEvent();
      } else if (this.active == 2) {
        this.taskHall(8, 8, 0);
      }
    },
    //下拉刷新

    //积分
    onRefresh() {
      setTimeout(() => {
        this.isLoading = false;
        this.getAwardDeduction(0, "", "", "", "", this.people_userId);
      }, 1000);
    },
    //点赞
    onGive() {
      setTimeout(() => {
        this.isLoading = false;
        this.getGood(0);
      }, 1000);
    },
    //任务
    onTask() {
      setTimeout(() => {
        this.isLoading = false;
        this.taskHall(8, 8, 0);
      }, 1000);
    },

    // 部门重置
    open_click_integral() {
      this.radio_integral = 0;
    },
    open_click_fabulous() {
      this.radio = 0;
    },
    // 点赞事件类型筛选
    show_label() {
      let arr = this.fabulous_option;
      for (let i = 0; i < arr.length; i++) {
        if (i == this.fabulous_value1) {
          this.fabulous_label = arr[i].text;
          this.getGood(
            0,
            this.fabulous_dept_id,
            this.fabulous_id,
            arr[i].text,
            this.fabulous_date_tag
          );
        }
      }
    },
    // 时间取消按钮
    show_cancel() {
      if (this.active == 0) {
        this.currentDate = new Date();
        this.$refs.integral_date.toggle();
        this.getAwardDeduction(
          0,
          this.dept_id,
          this.user_id,
          "",
          this.free_eventName
        );
      }
      if (this.active == 1) {
        this.currentDate = new Date();
        this.$refs.fabulous_date.toggle();
        this.getGood(
          0,
          this.fabulous_dept_id,
          this.fabulous_id,
          this.fabulous_label,
          ""
        );
      }
      if (this.active == 2) {
        this.task_dateTime = "";
        this.taskHall(0, this.b, this.task_p);
        this.currentDate = new Date();
        this.$refs.task_date.toggle();
      }
    },
    // 积分点赞
    async show_click_fabulous(it, item) {
      // alert(111111)
      if (it.user_id != this.people_userId) {
        this.show_dianzan = true;
      }
      const res = await this.$http.get(
        `/yuepoints/sendPraise?corpId=${this.corp_Id}&userId=${this.people_userId}&praisedPerson=${it.user_id}&taggingLabel=事件点赞&type=1&eventId=${item.e_id}&balance=0`
      );
      if (res.data.errcode == "0000") {
        item.FabulousNum = Number(item.FabulousNum) + 1;
        item.admirable = 1;
        this.show_dianzan = false;
      } else {
        this.show_dianzan = false;
        // this.$toast(res.data.errmsg);
      }
    },
    // 任务状态类型筛选
    click_task_status() {
      this.a = this.task_value2;
      if (this.task_value2 == 8) {
        this.taskHall(8, 8, 0);
      } else {
        this.task_p = 0;
        this.pageIndex = 1;
        this.taskHall(this.task_value2, this.b, 0, this.task_dateTime);
      }
    },
    // 任务事件类型筛选条件
    click_task_event() {
      this.b = this.task_value1;
      if (this.task_value1 == 8) {
        this.taskHall(8, 8, 0);
      } else {
        this.task_p = 0;
        this.pageIndex = 1;
        this.taskHall(this.a, this.task_value1, 0, this.task_dateTime);
      }
    },
    // 任务大厅跳转详情页
    showDetails(it, i) {
      if (it.is_recruit == 1) {
        this.$router.push({
          //核心语句
          path: "/details", //跳转的路径
          query: {
            //路由传参时push和query搭配使用 ，作用时传递参数
            id: it.id,
            type: i,
            status: it.status
          }
        });
      } else {
        this.$router.push({
          //核心语句
          path: "/details_recruit", //跳转的路径
          query: {
            //路由传参时push和query搭配使用 ，作用时传递参数
            id: it.id,
            type: i,
            status: it.status
          }
        });
      }
    },
    // 人员选择
    show_personal(it) {
      if (this.active == 0) {
        this.user_id = it.dd_id;
        this.$refs.integral_dept.toggle();
        this.getAwardDeduction(
          0,
          this.dept_id,
          it.dd_id,
          this.integral_date_tag,
          this.free_eventName
        );
      }
      if (this.active == 1) {
        this.fabulous_id = it.dd_id;
        this.$refs.fabulous_dept.toggle();
        this.getGood(
          0,
          "",
          it.dd_id,
          this.fabulous_label,
          this.fabulous_date_tag
        );
      }
    },

    // 通讯录
    Mail_list() {
      this.people = true;
      this.arr = [];
      this.depart = [];
      this.userArr = [];
      this.showDepart();
    },
    // 部门选择
    showEverybody(it) {
      if (this.active == 0) {
        this.dept_id = it.dingding_id;
        this.$refs.integral_dept.toggle();
        this.getAwardDeduction(
          0,
          it.dingding_id,
          this.user_id,
          this.integral_date_tag,
          this.free_eventName
        );
      }
      if (this.active == 1) {
        this.fabulous_dept_id = it.dingding_id;
        this.$refs.fabulous_dept.toggle();
        this.getGood(
          0,
          it.dingding_id,
          "",
          this.fabulous_label,
          this.fabulous_date_tag
        );
      }
      let index = this.result.indexOf(it);
      if (index - 1 <= -1) {
        this.result.push(it);
      } else {
        this.result.splice(index - 1, 1);
      }
    },
    showlist(li) {
      let depart_list = this.item_list;
      let arr_list = this.arr;
      for (let i = 0; i < depart_list.length; i++) {
        if (li == depart_list[i].name) {
          this.people = true;
          this.arr = arr_list.splice(0, i + 1);
          if (depart_list[i].son_dept != undefined) {
            this.depart = depart_list[i].son_dept;
            this.userArr = depart_list[i].userList;
          } else {
            if (depart_list[i].userList.length != 0) {
              this.people = false;
              this.userArr = depart_list[i].userList;
            }
          }
        }
      }
    },
    // 下级
    showPersonnel(item) {
      this.item_list.push(item);
      this.arr.push(item.name);
      if (item.son_dept != undefined) {
        this.depart = item.son_dept;
        this.userArr = item.userList;
      } else {
        if (item.userList.length != 0) {
          this.people = false;
          this.userArr = item.userList;
        }
      }
    },
    // 人员显示ding8f30b8b37b1b4421
    async showDepart() {
      let corpId = localStorage.getItem("custid");
      const res = await this.$http.get(
        `yuepoints/dept?corpId=${corpId}&type=1`
      );
      const { son_dept, userList } = res.data.data;
      if (son_dept.son_dept && son_dept.userList) {
        const errcode = res.data;
        for (let i = 0; i < son_dept.length; i++) {
          son_dept[i]["ischecked"] = false;
        }
        if (errcode !== "1005") {
          this.$forceUpdate();
          this.depart.push(son_dept);
          this.userArr = userList;
        } else {
          this.depart = [];
          this.userArr = [];
        }
      } else if (son_dept.userList) {
        const errcode = res.data;
        if (errcode !== "1005") {
          this.$forceUpdate();
          this.depart.push(son_dept);
          this.userArr = userList;
        } else {
          this.depart = [];
          this.userArr = [];
        }
      } else {
        const errcode = res.data;
        for (let i = 0; i < son_dept.length; i++) {
          son_dept[i]["ischecked"] = false;
        }
        if (errcode !== "1005") {
          this.$forceUpdate();
          this.depart = son_dept;
          this.userArr = userList;
        } else {
          this.depart = [];
          this.userArr = [];
        }
      }
    },
    // 积分取消事件
    integral_confirm() {
      this.radio_integral = 0;
      this.result_event_two = [];
      this.result_event_three = [];
      this.result_event_four = [];
      this.getAwardDeduction(
        0,
        this.dept_id,
        this.user_id,
        this.integral_date_tag
      );
      this.$refs.integral_event.toggle();
    },
    // 积分确定事件
    onConfirm() {
      let arr = {};
      let js = this.integral_event_two.event;
      if (this.integral_one_name != "") {
        arr = { one: [this.integral_one_name] };
      } else {
        this.$toast("请选择事件!");
        return false;
      }
      if (this.result_event_two.length != 0) {
        arr = { one: [this.integral_one_name], two: this.result_event_two };
      }
      if (this.result_event_three != 0) {
        if (this.result_event_two == 0) {
          this.$toast("请选中对应等级的父级事件!");
          return false;
        } else {
          arr = {
            one: [this.integral_one_name],
            two: this.result_event_two,
            three: this.result_event_three
          };
        }
      }
      if (this.result_event_four.length != 0) {
        if (this.result_event_two == 0 || this.result_event_three == 0) {
          this.$toast("请选中对应等级的父级事件!");
          return false;
        } else {
          arr = {
            one: [this.integral_one_name],
            two: this.result_event_two,
            three: this.result_event_three,
            four: this.result_event_four
          };
        }
      }
      for (let i = 0; i < js.length; i++) {
        // 三级事件
        if (js[i]["event"] != undefined) {
          for (let j = 0; j < js[i].event.length; j++) {
            if (this.result_event_three.indexOf(js[i].event[j].name) > -1) {
              if (this.result_event_two.indexOf(js[i].name) <= -1) {
                this.$toast("请选中对应等级的父级事件!");
                return false;
              }
            }
            // 四级事件
            if (js[i].event[j].event != undefined) {
              for (let k = 0; k < js[i].event[j].event.length; k++) {
                if (
                  this.result_event_four.indexOf(js[i].event[j].event[k].name) >
                  -1
                ) {
                  if (
                    this.result_event_three.indexOf(js[i].event[j].name) <= -1
                  ) {
                    this.$toast("请选中对应等级的父级事件!");
                    return false;
                  }
                }
              }
            }
          }
        }
      }
      this.free_eventName = JSON.stringify(arr);
      this.getAwardDeduction(
        0,
        this.dept_id,
        this.user_id,
        this.integral_date_tag,
        JSON.stringify(arr)
      );
      this.$refs.integral_event.toggle();
    },
    // 积分四级事件

    // 积分三级事件操作
    show_click_three_event(it) {
      this.integral_event_four = it.event;
    },
    // 积分二级事件类型点击
    show_click_two_event(it) {
      this.integral_event_four = [];
      this.integral_event_three = it.event;
      if (it.event != undefined) {
        this.integral_event_four = it.event[0]["event"];
      }
    },
    // 积分一级事件类型点击事件
    show_click_one_event(it) {
      this.result_event_two = [];
      this.result_event_three = [];
      this.result_event_four = [];
      this.integral_event_three = [];
      this.integral_event_four = [];
      this.integral_event_two = it;
      if (it.event[0]["event"] != undefined) {
        this.integral_event_three = it.event[0]["event"];
        if (it.event[0].event[0]["event"] != undefined) {
          this.integral_event_four = it.event[0].event[0]["event"];
        }
      }
      this.integral_one_name = it.name;
    },
    // 积分事件类型
    async get_integral_Event() {
      let corpId = localStorage.getItem("custid");
      const res = await this.$http.get(`yuepoints/EventTree?corpId=${corpId}`);
      const {
        data: { event }
      } = res.data;
      this.integral_event_one = event;
      if (event[0].event) {
        this.integral_event_two = event[0];
        if (event[0].event[0]["event"] != undefined) {
          this.integral_event_three = event[0].event[0]["event"];
          if (event[0].event[0].event[0]["event"] != undefined) {
            this.integral_event_four = event[0].event[0].event[0]["event"];
          }
        }
      }
    },
    // 点赞标签
    async getEvent() {
      const res = await this.$http.get(
        `/yuepoints/Event?corpId=${this.corp_Id}&type=1`
      );
      const {
        data: { data }
      } = res;
      this.fabulous_option = [];
      for (let i = 0; i < data.length; i++) {
        this.fabulous_option.push({ text: data[i].name, value: i });
      }
    },
    show_time(time) {
      const d = new Date(time);
      let yy = d.getFullYear();
      let mm = this.p(d.getMonth() + 1);
      let dd = this.p(d.getDate());
      const resDate = yy + "-" + mm + "-" + dd;
      if (this.active == 0) {
        this.integral_date_tag = resDate;
        this.getAwardDeduction(
          0,
          this.dept_id,
          this.user_id,
          resDate,
          this.free_eventName
        );
        this.$refs.integral_date.toggle();
      }
      if (this.active == 1) {
        this.fabulous_date_tag = resDate;
        this.getGood(
          0,
          this.fabulous_dept_id,
          this.fabulous_id,
          this.fabulous_label,
          resDate
        );
        this.$refs.fabulous_date.toggle();
      }
      if (this.active == 2) {
        this.task_dateTime = resDate;
        this.taskHall(0, this.b, 0, resDate);
        this.$refs.task_date.toggle();
      }
    },
    p(s) {
      return s < 10 ? "0" + s : s;
    },
    // 任务大厅
    async taskHall(i, num, cursor, year) {
      if (year == undefined) {
        year = "";
      }
      const res = await this.$http
        .get(
          `/yuepoints/taskHall?corpId=${this.corp_Id}&userId=${this.people_userId}&status=${i}&type=${num}&cursor=${cursor}&date=${year}`
        )
        .then(res => {
          const { data, cursor, errcode } = res.data;
          this.$forceUpdate();
          if (errcode == "0000") {
            if (data.length === 0 || data === null) {
              this.finished = true;
              return;
            }
            if (data.length < this.pageSize) {
              this.finished = true;
            }
            if (this.pageIndex === 1) {
              this.list = data;
            } else {
              this.list = this.list.concat(data);
            }
            if (cursor > 0) {
              this.task_p = cursor;
            }
          } else {
            this.list = [];
            this.finished = true;
          }
        })
        .finally(() => {
          this.loading = false;
        });
    },
    // 任务大厅下拉加载
    onLoad_task() {
      const p = this.task_p;
      const a = this.a;
      const b = this.b;
      this.pageIndex++;
      this.taskHall(a, b, p, this.task_dateTime);
    },
    // 获取自定义标题
    async show_popup_title() {
      const res = await this.$http.get(
        `yuepoints/getRotationPicture?corpId=${this.corp_Id}&userId=${this.people_userId}&type=1`
      );
      dd.biz.navigation.setTitle({
        title: res.data.data.title //控制标题文本，空字符串表示显示默认文本
      });
    },
    // 大厅弹框(霸屏)
    async show_popup_occupy() {
      // const res = await this.$http.get(
      //   `yuepoints/getRotationPicture?corpId=${this.corp_Id}&userId=${this.people_userId}&type=2`
      // );
      // const { errcode, data } = res.data;
      // // alert(JSON.stringify(res.data))
      // if (Object.keys(data).length != 0 || errcode != "1006") {
      //   this.show_img = false;
      //   if (errcode != "1005") {
      //     this.show_img = true;
      //     this.obj = data;
      //   } else {
      //     this.show_img = false;
      //   }
      // }
    },
    // 奖扣数据ding8f30b8b37b1b4421
    async getAwardDeduction(
      cursor,
      dept_id,
      people_userId,
      eventTime,
      eventName
    ) {
      if (eventTime == undefined) {
        eventTime = "";
      }
      if (eventName == undefined) {
        eventName = "";
      }
      if (people_userId == undefined) {
        people_userId = "";
      }
      if (dept_id == undefined) {
        dept_id = "";
      }
      await this.$http
        .get(
          `yuepoints/awardDeduction?corpId=${this.corp_Id}&cursor=${cursor}&officeId=${dept_id}&userId=${people_userId}&eventTime=${eventTime}&eventName=${eventName}&uId=${this.people_userId}`
        )
        .then(res => {
          const {
            data: { event, ishiddenCreate },
            cursor,
            errcode
          } = res.data;
          this.isShow = ishiddenCreate;
          if (errcode == "0000") {
            // this.$forceUpdate();
            if (event.length === 0 || event === null) {
              this.finished = true;
              return;
            }
            if (event.length < this.pageSize) {
              this.finished = true;
            }
            if (this.pageIndex === 1) {
              this.lists = event;
            } else {
              this.lists = this.lists.concat(event);
            }
            if (event.length > 0) {
              this.showText = false;
              this.page = cursor;
            }
          } else {
            this.lists = [];
            this.finished = true;
          }
        })
        .finally(() => {
          this.loading = false;
        });
    },
    // 点赞数据
    async getGood(cursor, officeId, uId, label, eventTime) {
      if (officeId == undefined) {
        officeId = "";
      }
      if (uId == undefined) {
        uId = "";
      }
      if (label == undefined) {
        label = "";
      }
      if (eventTime == undefined) {
        eventTime = "";
      }
      await this.$http
        .get(
          `yuepoints/fabulous?corpId=${this.corp_Id}&userId=${this.people_userId}&cursor=${cursor}&officeId=${officeId}&uId=${uId}&label=${label}&eventTime=${eventTime}`
        )
        .then(res => {
          const {
            data: { event },
            cursor,
            errcode
          } = res.data;
          if (errcode == "0000") {
            this.$forceUpdate();
            if (event.length === 0 || event === null) {
              this.finished = true;
              // this.$toast("数据为空！");
              return;
            }
            if (event.length < this.pageSize) {
              this.finished = true;
            }
            if (this.pageIndex === 1) {
              this.goods = event;
            } else {
              this.goods = this.goods.concat(event);
            }
            if (event.length > 0) {
              this.showText_tow = false;
              this.jp = cursor;
            }
          } else {
            this.goods = [];
            this.finished = true;
          }
        })
        .finally(() => {
          this.loading = false;
        });
    },
    // 下拉加载
    onLoadlist() {
      const p = this.page;
      this.pageIndex++;
      this.getAwardDeduction(
        p,
        this.dept_id,
        this.user_id,
        this.integral_date_tag,
        this.free_eventName
      );
    },
    onLoad() {
      const p = this.jp;
      this.pageIndex++;
      this.getGood(
        p,
        this.fabulous_dept_id,
        this.fabulous_id,
        this.fabulous_label,
        this.fabulous_date_tag
      );
    },
    // 跟赞详情页
    showFollowDetails(id) {
      this.$router.push({
        //核心语句
        path: "/followDetails", //跳转的路径
        query: {
          //路由传参时push和query搭配使用 ，作用时传递参数
          id: id
        }
      });
    },
    // 下拉面板
    showFollow(id) {
      this.$router.push({
        //核心语句
        path: "/follow", //跳转的路径
        query: {
          //路由传参时push和query搭配使用 ，作用时传递参数
          id: id
        }
      });
    }
  },
  components: {
    Plus,
    [Tab.name]: Tab,
    [Tabs.name]: Tabs,
    [NoticeBar.name]: NoticeBar,
    [Button.name]: Button,
    [Icon.name]: Icon,
    [Collapse.name]: Collapse,
    [CollapseItem.name]: CollapseItem,
    [Row.name]: Row,
    [Popup.name]: Popup,
    [RadioGroup.name]: RadioGroup,
    [Radio.name]: Radio,
    [Cell.name]: Cell,
    [CellGroup.name]: CellGroup,
    [Search.name]: Search,
    [Checkbox.name]: Checkbox,
    [CheckboxGroup.name]: CheckboxGroup,
    [Overlay.name]: Overlay,
    [Dialog.Component.name]: Dialog.Component,
    [Col.name]: Col,
    [DropdownMenu.name]: DropdownMenu,
    [DropdownItem.name]: DropdownItem,
    [TreeSelect.name]: TreeSelect,
    [DatetimePicker.name]: DatetimePicker,
    [Progress.name]: Progress,
    [Field.name]: Field,
    [PullRefresh.name]: PullRefresh,
    [Sticky.name]: Sticky
  }
};
</script>
<style scoped lang="less">
.box {
  -webkit-overflow-scrolling: touch;
  height: -webkit-calc(100% - 50px);
  height: -moz-calc(100% - 50px);
  height: calc(100% - 50px);
}
.dianzan_round {
  -webkit-animation: it_round 1s 1 ease-in-out;
  animation: it_round 1s 1 ease-in-out;
}
@-webkit-keyframes it_round {
  from {
    transform: scale(1.2);
  }
  to {
    transform: none;
  }
}
@keyframes it_round {
  from {
    transform: scale(1.2);
  }
  to {
    transform: none;
  }
}
.dianzan_rotate {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation: dian_zan 2s 1 ease;
  animation: dian_zan 2s 1 ease;
}
@-webkit-keyframes dian_zan {
  0% {
    -webkit-transform: perspective(800px) rotateY(180deg) scale(1);
    transform: perspective(800px) rotateY(180deg) scale(1);
  }
  20% {
    -webkit-transform: perspective(800px) rotateY(0deg) scale(1.3);
    transform: perspective(800px) rotateY(0deg) scale(1.3);
  }
  // 50% {
  //   -webkit-transform: perspective(800px) rotateY(180deg) scale(1);
  //   transform: perspective(800px) rotateY(180deg) scale(1);
  // }
  75% {
    -webkit-transform: perspective(800px) rotateY(0deg) scale(0.3);
    transform: perspective(800px) rotateY(0deg) scale(0.3);
  }
  // from {
  //   transform: rotate(90deg) translateX(30px);
  // }
  // to {
  //   transform: none;
  // }
}
@keyframes dian_zan {
  0% {
    -webkit-transform: perspective(800px) rotateY(180deg) scale(1);
    transform: perspective(800px) rotateY(180deg) scale(1);
  }
  20% {
    -webkit-transform: perspective(800px) rotateY(0deg) scale(1.3);
    transform: perspective(800px) rotateY(0deg) scale(1.3);
  }
  // 50% {
  //   -webkit-transform: perspective(800px) rotateY(180deg) scale(1);
  //   transform: perspective(800px) rotateY(180deg) scale(1);
  // }
  75% {
    -webkit-transform: perspective(800px) rotateY(0deg) scale(0.3);
    transform: perspective(800px) rotateY(0deg) scale(0.3);
  }
  //  from {
  //     -webkit-transform: perspective(800px) rotateY(180deg);
  //     transform: perspective(800px) rotateY(180deg);
  //   }
  //   to {
  //     -webkit-transform: perspective(800px) rotateY(0deg);
  //     transform: perspective(800px) rotateY(0deg);
  //   }
  // from {
  //   transform: rotate(90deg) translateX(30px);
  // }
  // to {
  //   transform: none;
  // }
}
.van-overlay {
  z-index: 3;
  background-color: #00000000;
}
.wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
/deep/.van-sticky--fixed {
  z-index: 1;
}
.van-cell-group {
  display: inline-block;
  width: 100px;
  background: #f2f2f2;
  border-radius: 10px;
  margin: 10px;
  padding: 5px;
  font-size: 11px;
}
/deep/ .van-list {
  background: #f8f8fa;
}
/deep/ .van-cell {
  padding: 1px 16px;
  background: #f8f8fa;
  border-radius: 5px;
}
/deep/ .van-cell__title {
  font-size: 14px;
}
/deep/ .van-dropdown-menu {
  background: #f8f8fa;
}
.public_box {
  background: #fff;
  width: 90vw;
  margin: 0px auto;
  box-shadow: 0px 5px 7px 0px rgba(0, 42, 105, 0.05);
  border-radius: 5px;
}
.ellipsis {
  width: 100%;
}
.integral_department {
  height: 5vh;
  padding-left: 5px;
  position: relative;
  font-size: 14px;
  border-bottom: 1px solid #ebebeb;

  /deep/ .van-radio__icon .van-icon {
    margin-top: 1vh;
  }
  /deep/ .van-radio {
    padding-top: 5px;
    .van-radio__label {
      text-align: left;
      width: 40%;
      display: block;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
  }
}
.integral_department_list {
  position: relative;
  font-size: 14px;
  border-bottom: 1px solid #ebebeb;
  padding: 5px;
  /deep/ .van-radio__icon .van-icon {
    margin-top: 1vh;
  }
}
.show_Mail {
  font-size: 15px;
  text-align: left;
  background: #fff;
  padding: 10px;
  margin: 0px;
  overflow-x: scroll;
  white-space: nowrap;
}
.integral_oneEvent {
  font-size: 13px;
  width: 32vw;
  padding: 2px;
  word-break: break-all;
  .integral_one_children {
    padding: 6px 3px;
    position: relative;
    .integral_children_right {
      position: absolute;
      bottom: 0px;
      right: 6px;
    }
  }
}
/deep/ .van-checkbox__icon .van-icon {
  border-radius: 5px !important;
  font-size: 13px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  margin-left: 2px;
}
/deep/ .van-radio__icon .van-icon {
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 5px !important;
  font-size: 15px;
}
/deep/ .van-ellipsis {
  font-size: 14px;
}
/deep/ .van-picker__cancel {
  color: #000;
  width: 48vw;
  height: 5vh;
  box-shadow: 0px 4.5px 2px 0px rgba(0, 42, 105, 0.05);
  border-bottom: 1px solid #c0c0c08c;
}
/deep/.van-picker__confirm {
  color: #fff;
  background: linear-gradient(
    45deg,
    rgba(74, 172, 249, 1) 33%,
    rgba(127, 214, 255, 1) 100%
  );
  border: none;
  width: 48vw;
  height: 5vh;
}
/deep/ .van-datetime-picker {
  padding-bottom: 5vh;
}
/deep/ .van-picker__toolbar {
  padding: 0px 5px;
  height: 5vh;
  line-height: 5vh;
  // position: fixed;
  position: absolute;
  // top: 325px;
  bottom: 0px;
}
/deep/ [class*="van-hairline"]::after {
  border: none;
}
/deep/ .van-dropdown-item__content {
  max-height: 56%;
  position: relative;
}
.task_Icon {
  width: 24px;
  height: 24px;
  padding: 6px 5px;
}
.task_Icon img {
  width: 100%;
  height: 100%;
}
/deep/ .van-button {
  width: 48vw;
  height: 5vh;
  line-height: 5vh;
}
.public_reset {
  box-shadow: 0px 4.5px 2px 0px rgba(0, 42, 105, 0.05);
  border-bottom: 1px solid #c0c0c08c;
  border: none;
}
.public_confirm {
  color: #fff;
  background: linear-gradient(
    45deg,
    rgba(74, 172, 249, 1) 33%,
    rgba(127, 214, 255, 1) 100%
  );
  border: none;
}
/deep/ .van-tab {
  font-size: 16px;
}
i {
  font-style: normal;
}
.task_card {
  margin: 0px 15px 15px;
  background-color: #fff;
  font-size: 14px;
  padding-bottom: 1px;
  border-radius: 5px;
  box-shadow: 0px 9px 4px 0px rgba(0, 42, 105, 0.05);
  .task_card_title {
    text-align: left;
    padding: 20px 15px 5px;
    span:first-child {
      display: inline-block;
      width: 47px;
      height: 47px;
      line-height: 47px;
      border-radius: 50%;
      background: url("../static/section/Avatar_default@2x.png") no-repeat;
      background-size: cover;
      color: #fff;
      text-align: center;
      font-size: 14px;
    }
    b {
      margin-left: 10px;
      font-weight: 400;
      font-size: 15px;
    }
  }
  ul {
    text-align: left;
    padding-left: 10vw;
    font-size: 12px;
  }
  p {
    text-align: right;
    margin-right: 10px;
    color: silver;
    font-size: 12px;
  }
}
/deep/ .van-dialog {
  width: 72vw;
}
/deep/ .van-radio--disabled {
  height: 42px;
  padding-left: 15px;
}
/deep/ .van-radio__label--disabled {
  color: #000;
}
/deep/ .van-search {
  margin-bottom: 10px;
}
.van-cell--center {
  position: fixed;
  bottom: 0px;
  z-index: 1;
}
.personnel_text {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #59d1ff;
  line-height: 32px;
  color: #fff;
  font-size: 10px;
}
.department_list {
  font-size: 14px;
  color: #1989fa;
  border-left: 1px solid silver;
  padding-left: 10px;
  position: absolute;
  height: 2vh;
  line-height: 2vh;
  top: 10px;
  right: 20px;
}
/deep/ .van-icon-upgrade {
  color: #0000ffcf;
  font-size: 28px;
}
/deep/ .van-icon {
  vertical-align: middle;
}
/deep/ ._v-container {
  position: relative;
}
/deep/ .van-tab__pane {
  margin-bottom: 8vh;
}
p {
  margin: 0px;
  padding: 0px;
}
.skeleton {
  padding: 10px 0px 15px 10px;
  text-align: left;
  .skeleton_title {
    color: #fff;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    text-align: center;
    line-height: 45px;
    background: url("../static/section/Avatar_default@2x.png") no-repeat;
    background-size: cover;
    font-size: 13px;
    margin-right: 15px;
  }
  .skeleton_content {
    li {
      font-size: 14px;
    }
    li:nth-child(2),
    li:nth-child(4) {
      font-size: 12px;
      color: #9d9d9d;
    }
  }
  /deep/ .van-icon {
    color: silver;
    font-size: 15px;
  }
}
li {
  text-align: left;
}
/deep/ .van-collapse {
  margin-bottom: 10px;
}
/deep/ .van-collapse-item__title {
  border: 1px solid #f2f3f5;
}
.active_color {
  color: #5c97f6;
}
.hide_color {
  color: #242424;
}
.left {
  float: left;
}
.right {
  float: right;
}
.active {
  display: none;
}
.active1 {
  display: inline-block;
}
.clearfix::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  zoom: 1;
}
</style>
